<template>
  <div>
  <h1>健康师首页</h1>
   <div>
       {{nowTimes}}
   </div>
   </div>
</template>

<script>
export default {
  data () {
    return {
      nowTimes: {
        yy: 0,
        dd: '00',
        hou: '00',
        min: '00',
        sec: '00'
      }
    }
  },
  mounted () {
    setInterval(() => {
      this.setNowTimes()
    }, 1000)
  },
  methods: {
    setNowTimes () {
      let myDate = new Date()
      this.nowTimes.yy = myDate.getMonth() + 1
      this.nowTimes.dd = String(myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate())
      this.nowTimes.hou = String(myDate.getHours() < 10 ? '0' + myDate.getHours() : myDate.getHours())
      this.nowTimes.min = String(myDate.getMinutes() < 10 ? '0' + myDate.getMinutes() : myDate.getMinutes())
      this.nowTimes.sec = String(myDate.getSeconds() < 10 ? '0' + myDate.getSeconds() : myDate.getSeconds())
    }
  }
}
</script>

<style>
</style>
